<div class="rectification-detail main">
  <!-- 展示需要整改问题 -->
  <div class="issue-detail-container shadowbox">
    <div class="title">
      <div class="title-txt">
        <i class="fa fa-pencil-square-o"></i>
        <span>问题记录</span>
      </div>
    </div>
    <div class="content">
      <div class="row-dash">
        <div class="row-item">
          <span class="item-label">所在标段：</span>
          <span class="item-value red-txt">
            {{rectificationDetail.detailList.bidName}}
          </span>
        </div>
        <!-- <div class="row-item">
            <span class="item-label">具体位置：</span>
            <span class="item-value red-txt">03桩</span>
        </div> -->
        <div class="row-item">
          <span class="item-label">发现时间：</span>
          <span class="item-value">
            {{rectificationDetail.detailList.problemFoundTime1}}
          </span>
        </div>
      </div>
      <div class="row-dash">
        <div class="row-item">
          <span class="item-label">责任单位：</span>
          <span class="item-value red-txt">
            {{rectificationDetail.detailList.responsibilityUnit}}
          </span>
        </div>
        <div class="row-item">
          <span class="item-label">整改截止日期：</span>
          <span class="item-value red-txt">
            {{rectificationDetail.detailList.problemDeadline1}}
          </span>
        </div>
      </div>
      <div class="row-dash">
        <div class="row-item">
          <span class="item-label">问题类别：</span>
          <span class="item-value">
            {{rectificationDetail.detailList.checkClassifyName}}
          </span>
        </div>
        <div class="row-item">
            <span class="item-label">巡查人：</span>
            <span class="item-value">
              {{rectificationDetail.detailList.problemFoundUser}}
            </span>
        </div>
      </div>
      <div class="row-dash">
        <div class="row-item">
          <span class="item-label">位置描述：</span>
          <span class="item-value">
            {{rectificationDetail.detailList.foundPlace}}
          </span>
        </div>
        <div class="row-item">
            <span class="item-label">处理方式：</span>
            <span class="item-value">
              {{rectificationDetail.detailList.dealType == 0 ? '无问题' :
              rectificationDetail.detailList.dealType == 1 ? '限期整改' :
              rectificationDetail.detailList.dealType == 2 ? '责令停工' : ''}}
            </span>
        </div>
      </div>
      <div class="row-dash">
        <div class="row-item">
          <span class="multiple-rows-label">问题说明：</span>
          <span class="multiple-rows-value" style="color: #858585;">
            {{rectificationDetail.detailList.problemDescription}}
          </span>
        </div>
        <div class="row-item">
          <span class="item-label">巡查名称：</span>
          <span class="item-value">
            {{rectificationDetail.detailList.problemName}}
          </span>
        </div>
      </div>
      <div class="issue-pics">
        <div class="issue-pics-title">问题图片</div>
        <div class="issue-pics-container">
          <img
            ng-repeat="item in rectificationDetail.detailList.fileBeanList" 
            ng-src="{{serverIp}}/{{item.filePath}}">
        </div>
      </div>
    </div>
  </div>

  <!-- 展示整改完成情况 -->
  <div class="issue-detail-container shadowbox" 
    ng-hide="rectificationDetail.detailList.problemStatus == 0">
    <div class="title">
      <div class="title-txt">
        <i class="fa fa-wrench"></i>
        <span>整改情况</span>
      </div>
    </div>
    <div class="content">
      <div class="row-dash">
        <div class="row-item">
          <span class="item-label">整改人：</span>
          <span class="item-value">
            {{rectificationDetail.detailList.problemModifyBean.problemModifyUserName}}
          </span>
        </div>
        <div class="row-item">
          <span class="item-label">整改单位：</span>
          <span class="item-value">
            {{rectificationDetail.detailList.responsibilityUnit}}
          </span>
        </div>
      </div>
      <div class="row-dash">
        <div class="row-item">
          <span class="multiple-rows-label">整改说明：</span>
          <span class="multiple-rows-value" style="color: #858585;">
            {{rectificationDetail.detailList.problemModifyBean.modifyDescription}}
          </span>
        </div>
        <div class="row-item">
          <span class="item-label">整改时间：</span>
          <span class="item-value">
            {{rectificationDetail.detailList.problemModifyBean.modifyTime1}}
          </span>
        </div>
      </div>
      <div class="issue-pics">
        <div class="issue-pics-title">整改后图片</div>
        <div class="issue-pics-container">
          <img
            ng-repeat="item in rectificationDetail.detailList.problemModifyBean.fileBeanList"
            ng-src="{{serverIp}}/{{item.filePath}}"/>
        </div>
      </div>     
    </div>
  </div>
  
  <!-- 提交整改后照片 新增 -->
  <div class="item-container shadowbox"
    ng-show="rectificationDetail.detailList.problemStatus == 0">
    <div class="title">
      <div class="title-txt">
        <i class="fa fa-wrench"></i>
        <span>上传整改后照片</span>
      </div>
    </div>
    <div class="content">
      <div class="row">
        <div class="row-item w30">
          <span class="label">责任单位：</span>
          <span class="row-value">{{rectificationDetail.detailList.responsibilityUnit}}</span>
        </div>
        <div class="row-item w30">
          <span class="label">整改时间：</span>
          <input type="text" ng-datepicker 
            ng-model="rectificationDetail.rectificationList.modifyTime" />
        </div>
      </div>
      <div class="single-row">
        <div class="row-item">
          <span class="label v-middle">整改说明：</span>
          <div class="right-item-outer">
            <textarea class="v-middle" name="" id="" cols="30" rows="10" placeholder="请输入整改情况" 
              ng-model="rectificationDetail.rectificationList.modifyDescription"></textarea>
          </div>
        </div>
      </div>
      <div class="single-row">
        <div class="row-item">
          <div class="right-item-outer pic-upload-container" >
          <!-- 原先的 -->
          <!-- <img src="../../../assets/images/demo-pic1.png" alt="" />
            <label for="file">
            </label>
            <input class="invisible-input" id="file" type="file"> -->             

            <!--  -->
            <common-attachment-upload
              component-id="cp2"
              file-type="image"
              pick-btn-id="avatar_attachment_picker1"
              upload-url="{{fileUploadUrl.problemModify}}"
              file-list="rectificationDetail.detailList.problemModifyBean.fileBeanList"
              is-uploading="rectificationDetail.isUploading">
            </common-attachment-upload>
          </div> 
        </div>
      </div>
      <div class="single-row">
        <div class="right-outer"
          authorization-btn="api/securityActivities/problemModify/addProblemModify" 
          ng-click="rectificationDetail.submit()">
          <a class="pa-btn pure-btn">提交</a>
        </div>
      </div>
    </div>
  </div>

  <!-- 审批 -->
  <div class="item-container shadowbox"
    ng-hide="rectificationDetail.detailList.problemStatus == 0 ||
    rectificationDetail.detailList.problemStatus == 2">
    <div class="title">
      <div class="title-txt">
        <i class="fa fa-calendar"></i>
        <span style="margin-left: 2px">审批</span>
      </div>
    </div>
    <div class="content">
      <div class="single-row">
        <div class="right-outer approval-through">
          <!-- <a class="pa-btn pure-btn" 
            ng-click="rectificationDetail.through()">通过</a>
          <a class="pa-btn pure-btn refuse-btn"
            ng-click="rectificationDetail.nothrough()">不通过</a> -->
          <input type="radio" class="sex-checkbox" value="1" 
            ng-model="rectificationDetail.approval.checkResult" /><span>通过</span>
          <input type="radio" class="sex-checkbox" value="0" 
            ng-model="rectificationDetail.approval.checkResult" /><span>不通过</span>
        </div>
      </div>
      <div class="single-row">
        <div class="right-outer">
          <textarea name="" id="" cols="30" rows="10" 
            placeholder="请输入整改意见"
            ng-model="rectificationDetail.approval.comments"></textarea>
        </div>
      </div>
    </div>
    <!-- 提交按钮 -->
    <div class="btn-outer" style="padding-left: 34%; text-align: left;"
      ng-show="rectificationDetail.detailList.problemStatus == 1">
      <a class="pa-btn"
        authorization-btn="api/securityActivities/problemModify/auditModifyProblem"
        ng-click="rectificationDetail.approvalSubmit()">
        <i class="fa fa-save"></i>
        <span class="ml5">提交</span>
      </a>
      <a class="pa-btn reset-btn" ng-click="rectificationDetail.reset()">
        <i class="fa fa-repeat"></i>
        <span class="ml5">重置</span>
      </a>
    </div>
  </div>

  <!-- 展示审批状态 -->
  <div class="item-container shadowbox"
    ng-show="(rectificationDetail.approval.checkResult == '0' && rectificationDetail.detailList.problemStatus == '0') || rectificationDetail.detailList.problemStatus == '2'">
    <div class="title">
      <div class="title-txt">
        <i class="fa fa-calendar"></i>
        <span style="margin-left: 2px">审批</span>
      </div>
    </div>
    <div class="content">
      <div class="single-row">
        <label class="name">审批人：</label>
        <div class="pa-text">
          <span>{{rectificationDetail.approval.auditUserName}}</span>
        </div>
      </div>
      <div class="single-row">
        <label class="name">审批时间：</label>
        <div class="pa-text">
          <span>{{rectificationDetail.approval.updateTime1}}</span>
        </div>
      </div>
      <div class="single-row">
        <label class="name">状态：</label>
        <div class="pa-text">
          <span>{{rectificationDetail.approval.checkResult == '0' ? '未通过' : 
          rectificationDetail.approval.checkResult == '1' ? '通过' : ''}}</span>
        </div>
      </div>
      <div class="single-row">
        <label class="name">意见：</label>
        <div class="pa-text">
          <span>{{rectificationDetail.approval.comments}}</span>
        </div>
      </div>
    </div>
  </div>
</div>